<link rel="stylesheet" type="text/css" href="css/yb-message.css"/>
<link rel="stylesheet" type="text/css" href="css/zqAJB_Progress.css"/>
<link rel="stylesheet" type="text/css" href="css/zqcaseBar_evidence.css"/>
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>
<!--主要内容部分-->
<!--头部-->
<div class="news-header clearfix" style="position: relative;top: 5px;;background: #f5f5f5;padding-right:36px;;box-sizing: border-box;">
  <div  class="news-nav clearfix" style="position:relative;left:20px;top:10px;background: #ffffff;">
    <p >消息中心</p>
    <ul class=" yb-navigation2  clearfix ">
      <li value="1" id="yb-message-list1" class="active  yb-main-text2 font-14 floatL" ng-click="queryMessage(1)">动态消息</li><!--ng-click="queryMessage(1)"-->
      <li value="2" id="yb-message-list2" class="yb-main-text2 font-14 floatL" ng-click="SystemMsg(1)"><!---->
        系统消息</li>
    </ul>
  </div>
</div>

<div class="news-con1 wt-scroll" style="padding: 10px 10px 10px 20px">

  <div class="yb-message-one">

    <div style="padding-top: 7px;">

      <!--空空如也-->
      <div id="id-data-null1" style="text-align: center; margin-top: 60px;height:300px;min-height:300px;">
        <img src="../../img/img-data-null.png">
        <div style="margin-top: 20px;color: #8297AA;font-size: 18px">空空如也</div>
      </div>

      <!--动态消息列表-->
      <div id="yb-list1" style="padding: 0 10px" >
        <div class="yb-list-main  clearfix" ng-repeat="x in records">
            <div class="pull-left " style="cursor: pointer" ng-show="x.status != 9">
              <img id="dImg" ng-show="x.iconUrl" style="float: left;cursor:auto;" src="{{x.iconUrl}}"
                   class="img-circle yb-img-45 ">
              <!--<div id="dTxt" ng-show="!x.attr3" class='dt-per-p-my'-->
                   <!--style='background-color: rgb(66,183,159);color:#fff;position:-->
                            <!--relative;'>-->
                <!--<span style='text-align: center'>{{x.attr2}}</span>-->
              </div>
              <span ng-show="x.data != 9" class="yb-main-text">{{x.content}}</span>
              <!-- <samp class="yb-cyan ">身份证</samp></b></span>-->
          <span class="yb-main-text" style="float:right;margin-right:5px">{{x.createdDate}}</span>
            </div>

            <div class="pull-left " style="cursor: pointer"
                 ng-show="x.status == 9">
              <img id="dImg" ng-show="x.attr3" style="float: left;" src="{{mIngUr+x.attr3}}"
                   class="img-circle yb-img-45 ">
              <div id="dTxt" ng-show="!x.attr3" class='dt-per-p-my'
                   style='background-color: rgb(66,183,159);color:#fff;position:
                            relative;'>
                <span style='text-align: center'>{{x.attr2}}</span>
              </div>
              <span ng-show="x.data != 9" class="yb-main-text">{{x.content}}</span>

              <!-- <samp class="yb-cyan ">身份证</samp></b></span>-->
            </div>
            <div class="pull-right yb-above-20" style="margin-top: 2px;">
              <span class="yb-time ">{{x.createdDate}}</span>

              <!--<div style="display: inline-block" class="sdf{{x.id}}">
                &lt;!&ndash; Provides extra visual weight and identifies the primary action in a set of buttons &ndash;&gt;
                <button type="button " class=" btn btn-info btn-sm yb-button-adopt"
                        ng-click="acceptMsg(x.id,x.modelType)">接受
                </button>

                &lt;!&ndash; Provides extra visual weight and identifies the primary action in a set of buttons &ndash;&gt;
                <button type="button " class=" btn btn-default btn-sm yb-button-adopt2"
                        ng-click="rejectMsg(x.id,x.modelType)">拒绝
                </button>

              </div>-->
              <!--<button id="{{x.id}}" type="button" class="btn btn-info btn-sm yb-button-adopt" disabled="disabled"
                      style="display: none"></button>-->
            </div>
          </div>
      </div>


    </div>

  </div>

</div>
<!-- 动态分页-->
<!--<div id="dong-bottom-page" class="pagCenter" style="padding-top: 0px">
  <ul class="pagination" >
    <li>
      <a href="JavaScript:;" ng-click="changePage(1)">
        <i class="fa fa-lg fa-angle-left" ></i>
      </a>
    </li>
    <li><a href="JavaScript:;" ng-click="changePage(pageNum*1-1)">上一页</a></li>


    <li ng-repeat="tPage in arrPage">
      <a ng-click="changePage(tPage)" class="select select{{tPage}}"
                                        ng-class="{selected:tPage==pageNum}">{{tPage}}</a></li>

    <li><a class="selected" href="JavaScript:;" ng-click="changePage(pageNum*1+1)">下一页</a></li>

    <li>
      <a href="JavaScript:;" ng-click="changePage(totalPage)">
        <i class="fa fa-lg fa-angle-right" ></i>
      </a>
    </li>
  </ul>
  <span class="totalNum" ng-model="totalCount">共{{totalCount}}条数据</span>
</div>-->
<div class="L_newsShowMore1" ng-show="totalCount>10"><!--id="new01"-->
  <a href="JavaScript:void(0);" ng-click="changePage(pageNum*1+1)">点击显示更多</a>
</div>


<div class="news-con2 wt-scroll" style="background: #f5f5f5;padding: 10px 10px 10px 20px">

  <div class="yb-message-one">

    <div style="padding-top: 7px;">

      <!--空空如也-->
      <div id="id-data-null2" style="text-align: center; margin-top: 60px;height:300px;min-height:300px;">
        <img src="../../img/img-data-null.png">
        <div style="margin-top: 20px;color: #8297AA;font-size: 18px">空空如也</div>
      </div>


      <!--系统消息列表-->
      <div id="yb-list2 ">
        <div class="yb-list-main clearfix" ng-repeat="x in system">

          <div class="pull-left " style="cursor: pointer" ><!--ng-click="openSysDetails(x.itemid,x.modelType,x.statusdes,x.id)"-->
            <img  style="float: left;" src="{{x.biglawuser.iconUrl}}"
                  class="img-circle yb-img-45 ">
            <!--<div  ng-show="!x.attr3" class='dt-per-p-my'-->
                  <!--style='background-color: rgb(66,183,159);color:#fff;position:-->
                          <!--relative;'>-->
              <span style='text-align: center'>{{x.attr2}}</span>
            </div>
            <span class="yb-main-text " ng-show="x.status==1">{{x.content}}</span>
            <span class="yb-main-text " style="color: #BDBDBD" ng-show="x.status==3">{{x.content}}</span>
          </div>
          <div class="pull-right yb-above-20 ">
            <span class="yb-time ">{{x.modifieddate}}</span>

          </div>
        </div>
      </div>


    </div>

  </div>

</div>
<!-- 系统分页-->
<!--<div id="sys-bottom-page" class="pagCenter" style="padding-top: 0px">
  <ul class="pagination">
    <li>
      <a href="JavaScript:;" ng-click="changePage2(1)">
        <i class="fa fa-lg fa-angle-left"></i>
      </a>
    </li>
    <li><a href="JavaScript:;" ng-click="changePage2(pageNum*1-1)">上一页</a></li>


    <li ng-repeat="tPage in arrPage2"><a ng-click="changePage2(tPage)" class="select select{{tPage}}"
                                         ng-class="{selected:tPage==pageNum2}">{{tPage}}</a></li>

    <li><a class="selected" href="JavaScript:;" ng-click="changePage2(pageNum*1+1)">下一页</a></li>

    <li>
      <a href="JavaScript:;" ng-click="changePage2(totalPage2)">
        <i class="fa fa-lg fa-angle-right"></i>
      </a>
    </li>
  </ul>
  <span class="totalNum" ng-model="totalCount">共{{totalCount2}}条数据</span>
</div>-->
<div class="L_newsShowMore2" ng-show="totalCount2>10"><!--id="new02"-->
  <a href="JavaScript:void(0);" ng-click="changePage2(pageNum*1+1)">点击显示更多</a>
</div>


<!--动态消息查看日志详情弹出框-->
<div id="msg-calendar-details" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="margin-top:-10px;">&times;</button>
                    <h4 class="modal-title">
                        日程详情
                    </h4>
                </div>
                <div class="calender-detail-head">
                    <div style="margin-top: 10px">
                        <span>任务：</span>
                        <span>{{calendarDetails.workSchedule.schedule}}</span>
                    </div>
                    <div style="margin-top: 20px">
                        <span>时间：</span>
                        <span>{{calendarDetails.workSchedule.beginTime}}</span>
                    </div>
                    <div style="margin-top: 20px;height: 40px;margin-bottom: 20px">
                        <span class="pull-left" style="margin-top: 17px">参与人:</span>

                        <div class='join-per-msg pull-left ' ng-repeat="x in calendarDetails.biglawUser">
                            <div class='join-per-p-msg' style='background-color: rgb(66,183,159);color:#fff;position:
                            relative;'>
                                <span style='margin-top: 5px;'>{{x.username}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--系统消息查看日志详情弹出框-->
<div id="msg-calendar-details-sys" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="margin-top:-10px;">&times;</button>
                    <h4 class="modal-title">
                        日程详情
                    </h4>
                </div>
                <div class="calender-detail-head">
                    <div style="margin-top: 10px">
                        <span>任务：</span>
                        <span>{{calendarSysDetails.workSchedule.schedule}}</span>
                    </div>
                    <div style="margin-top: 20px">
                        <span>时间：</span>
                        <span>{{calendarSysDetails.workSchedule.beginTime}}</span>
                    </div>
                    <div style="margin-top: 20px;height: 40px;margin-bottom: 20px">
                        <span class="pull-left" style="margin-top: 17px">参与人:</span>

                        <div class='join-per-msg pull-left ' ng-repeat="x in calendarSysDetails.biglawUser">
                            <div class='join-per-p-msg' style='background-color: rgb(66,183,159);color:#fff;position:
                            relative;'>
                                <span style='margin-top: 5px;'>{{x.username}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--消息任务详情-->
<!--<div class="rightComeTo">
    <div style="background:#ffffff;width: 100%;">
        &lt;!&ndash;头布局&ndash;&gt;
        <div id="half">
            <div>
                <span class="pull-left title">{{detailList.caseInfo.casename}}</span>
                <div class="pull-right jiezhi">
                    <div class="btn-group">
                        <button id="btn-end-time" type="button" readonly class="form_datetime ss ss1"><img
                                src="img/time.png"
                                class="img-rounded"> 截止日期
                        </button>

                        <form class="progress-appendix pull-left" style="width: 55px;height: 36px;">
                            <img src="img/fujian.png" class="img-rounded appendix-img"/><span>附件</span>
                        </form>

                        <button id="btn-del-hide" type="button" class="ss"><img
                                src="img/delete.png" class="img-rounded"> 删除
                        </button>
                        <button type="button" class="ss3 closeDetail"><img src="img/close.png" class="img-rounded">
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div style="height: 1px; width: 100%; background: #ADADAD;margin-top: 5px"></div>
        &lt;!&ndash;中间部分&ndash;&gt;
        <div id="half1">
            <div id="jqisuzhunbei">
                <div class="pull-left">
                    <samp class="title jtitleName" style="font-size: 15px;font-weight: bold;">{{detailList.title}}</samp>
                    <samp class="title jtitleName" style="font-size: 15px;font-weight: bold;text-decoration:line-through;color:#00BB9C;">{{detailList.title}}</samp>
                    <span>/</span>
                    <samp style="background-color:#4EC2AF; color: white">{{detailJd}}</samp>
                </div>

            </div>

            <div style=" margin-top: 10px;">
                分配任务给
            </div>
            <div id="renwudiv" class="clearfix">
                <div class="pull-left" style="position: relative" ng-repeat="executor in executors">
                    <div class="executor-name">{{executor.executor.username}}</div>
                    <img class="executor-close" src="img/lawyer-close.png">
                </div>

                <div class="pull-left addPeopleDiv">
                    <img id="btn-person-hide" class="img-circle showAddPeopleBox" src="img/jia.png"/>
                </div>
            </div>

            <div ng-show="detailList.deadline!=null" class="endDateDiv">
                <img src="img/shjian.png" alt="">
                <span class="form_datetime">截止日期    <span class="endDate">{{detailList.deadline}}</span> </span>
            </div>

            <div ng-show="fileList[0]" class="fj">
                &lt;!&ndash;附件&ndash;&gt;
                <div class="dv-fj">
                    <img class="iv-endtime" src="img/time.png"/>
                    <span class="tv-endtime">附件</span>
                </div>

                <div class="dv-fujian clearfix" ng-repeat="file in fileList">
                    <div class="pull-left">
                        <img class="iv-word" src="img/iv-word.png">
                    </div>
                    <div class="pull-left" style="margin-top: 20px">
                        <p style="margin-top: 5px">{{file.fileName}}</p>
                        <span class="size-fj">删除</span><span class="other-fj">下载</span>
                    </div>
                </div>
            </div>

        </div>
        &lt;!&ndash;底部布局&ndash;&gt;
        <div style="margin-bottom: 60px;">
            <div id="dibu">
                <div class="register-navTitle">
                    <div class="pl clickActive">评论</div>
                    <div class="rwrz">任务日志</div>

                    <div class="pull-right greatTime">
                        <span class="creatSpan">创建人: </span><span
                            class="nameSpan">{{detailList.creator.username}}</span><span>创建时间：</span><span>{{detailList.createddate}}</span>
                    </div>
                </div>

                <div class="plDiv">
                    <div class="media" ng-repeat="pl in plList">
                        <a class="media-left" style="position: relative">
                            <img class="img-circle head-img" ng-src="{{headImageUrl}}"/>
                            <div ng-show="headImageUrl == 'img/user_info_head.png'" class="shortDiv" style="color: lightslategray;width: 40px;height: 40px;text-align: center;position: absolute;bottom: 0;line-height: 40px">{{userShortName}}</div>
                        </a>
                        <div class="media-body">
                            <p class="media-heading" style="color:#ADADAD;"><span style="color: black">{{pl.commentator.username}}</span><samp
                                    style="margin-left: 10px;">{{pl.createdDate}}</samp></p>
                            <span>{{pl.context}}</span>
                        </div>
                    </div>
                </div>

                <div class="rwrzDiv">
                    <div class="lineDiv" ng-repeat="log in logList">
                        <span class="">{{log.createdDate}}</span>
                        <span class="">{{log.creator.username}}</span>
                        <span class="">{{log.content}}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="half2">
        <div class="input-group ">
            <span class="input-group-addon" style="cursor: pointer">发送</span>
            <input ng-model="commentInput" type="text" disabled class="form-control"
                   style="height: 34.4px" placeholder="提及他人,按Enter快速发布">
        </div>
    </div>
</div>

&lt;!&ndash;消息证据详情&ndash;&gt;
<div class="rightComeToZJ">
    <div style="background:#ffffff;width: 100%;">
        &lt;!&ndash;头布局&ndash;&gt;
        <div class="clearfix" style="width: 100%; height: 45px;margin-left: 10px;">
            <div>
                <span class="pull-left title">{{detailData.case1.casename}}</span>
                <div class="pull-right" style="width: 300px;">

                    <div class="pull-left" style="height: 100%;margin-right: 15px">
                        <img src="img/time.png" style="width: 15px;height: 15px;margin-right: 2px;margin-top: -3px">
                        <span style="line-height: 45px">截止日期</span>
                    </div>
                    <div class="pull-left" style="height: 100%;margin-right: 15px">
                        <img src="img/fujian.png" style="width: 15px;height: 15px;margin-right: 2px;margin-top: -3px">
                        <span style="line-height: 45px">附件</span>
                    </div>
                    <div class="pull-left" style="height: 100%;margin-right: 15px">
                        <img src="img/delete.png" style="width: 15px;height: 15px;margin-right: 2px;margin-top: -3px">
                        <span style="line-height: 45px">删除</span>
                    </div>
                    <div class="closeEvidenceDetail pull-right" style="width: 50px;border: none;border-left: thin solid #E0E0E0;background-color: transparent;">
                        <img src="img/close.png"  style="width: 25px;height: 25px;margin: 10px 10px">
                    </div>
                </div>
            </div>
        </div>
        <div style="height: 1px; width: 100%; background: #E0E0E0;margin-top: 2px"></div>
        &lt;!&ndash;中间部分&ndash;&gt;
        <div class="clearfix" style="padding: 20px 15px;">
            &lt;!&ndash;正常状态下显示标题&ndash;&gt;
            <div id="zqisuzhunbei">
                <div class="pull-left">
                    <samp style="font-size: 12px;cursor: pointer">{{detailData.evidenceName}}</samp><span>/</span>
                    <samp style="font-size: 12px;color:#ADADAD ;">{{detailEGName}}</samp>
                    <select class="zj-select" disabled>
                        <option>{{evidenceTypeName}}</option>
                    </select>
                </div>

            </div>
            <div id="zshuxieqisu1">
                <p style="cursor: pointer" class="addTaskPClick"><span>备注: </span><span ng-show="detailData.remark!='null'"> {{detailData.remark}}</span></p>
            </div>
            <div style=" margin-top: 10px;">分配任务给</div>
            &lt;!&ndash;头像&ndash;&gt;
            <div class="neirongBox clearfix">
                <div class="cy pull-left" style="position: relative" ng-repeat="user in detailUser">

                    <img ng-show="user.icon!=null" style="height: 45px;width: 45px;margin-left: 5px;border-radius: 50%" ng-src="{{user.icon}}" alt="">
                    <div ng-show="user.icon==null" style="height: 45px;width: 45px;margin-left: 5px;border-radius: 50% 50%;background-color: #ec9cc3;color: white;font-size: 12px;line-height: 45px;text-align: center">{{user.username}}</div>
                    <img style="width: 15px;height: 15px;position:absolute;top: 0;right: 0;" src="img/lawyer-close.png" alt="">
                </div>
                <div class="cy pull-left LawyerAdd" style="position: relative;">
                    <div class="addlvshi"><i class="fa fa-fw fa-plus"></i></div>
                </div>
            </div>
            &lt;!&ndash;截止日前&ndash;&gt;
            <div ng-show="detailData.evidenceTask.deadLine!=null" class="dv-endtime">
                <img class="iv-endtime" src="img/time.png"/>
                <span class="tv-endtime form_datetime">截止日期 <a style="margin-left: 5px;color: #9E9E9E">{{detailData.evidenceTask.deadLine}}</a></span>
            </div>
            &lt;!&ndash;附件&ndash;&gt;
            <div ng-show="detailFJ[0]" class="dv-fj">
                <img class="iv-endtime" src="img/time.png"/>
                <span class="tv-endtime">附件</span>
            </div>

            <div class="dv-fujian clearfix" ng-repeat="fj in detailFJ">
                <div class="pull-left">
                    <img class="iv-word" src="img/iv-word.png">
                </div>
                <div class="pull-left" style="margin-top: 20px">
                    <p style="margin-top: 5px">{{fj.name}}</p>
                    <span class="size-fj">删除</span><span class="other-fj">下载</span>
                </div>
            </div>
        </div>
        &lt;!&ndash;底部布局&ndash;&gt;
        <div style="margin-bottom: 60px;">
            <div style="margin-left: 10px;width: 100%;">
                <div class="register-navTitle">
                    <div class="pl clickActive" id="commentTitleId" ng-click="showPlBox($event)">评论</div>
                    <div class="rwrz" id="logTitleId" ng-click="showRwrzBox($event)">任务日志</div>

                    <div class="pull-right" style="margin-right: 20px">
                        <samp style="font-size: 12px;color:#ADADAD ;">创建时间：</samp><span>{{detailData.createdDate}}</span>
                    </div>

                    <div class="pull-right" style="margin-right: 20px">
                        <samp style="font-size: 12px;color:#ADADAD ;">创建人：</samp><span>{{detailData.biglawuser.username}}</span>
                    </div>

                </div>
                <div class="plDiv" id="commentListId">
                    <div class="media" ng-repeat="pl in plData">
                        <a class="media-left" style="position: relative">
                            <img class="img-circle head-img" ng-src="{{headImageUrl}}"/>
                            <div ng-show="headImageUrl == 'img/user_info_head.png'" class="shortDiv" style="color: lightslategray;width: 40px;height: 40px;text-align: center;position: absolute;bottom: 0;line-height: 40px">{{userShortName}}</div>
                        </a>
                        <div class="media-body">
                            <p class="media-heading" style="color:#ADADAD;">{{pl.biglawuser.username}}<samp style="margin-left: 10px;">{{pl.createdDate}}</samp></p>
                            <span>{{pl.comment}}</span>
                        </div>
                    </div>
                </div>

                <div class="rwrzDiv" id="logListId">
                    <div class="lineDiv" ng-repeat="rz in rzData">
                        <span class="rigth10">{{rz.createdDate}}</span><span class="rigth10">{{rz.biglawuser.username}}</span><span>{{rz.content}}</span>
                    </div>
                </div>
            </div>
        </div>

        <div id="zhalf2">
            <div class="input-group" style="margin-left: 10px;margin-right: 10px;">
                <span class="input-group-addon" style="cursor: pointer">发送</span>
                <input ng-model="commentInput" type="text" class="form-control" disabled style="height: 34.4px;" placeholder="提及他人,按Enter快速发布">
            </div>
        </div>
    </div>
</div>-->

<script>
  /*设置屏幕高度*/
  (function () {
    setHeight();
    function setHeight() {
      var height = $(window).height()-120 + 'px';
      var minHeight = $(window).height()+50 + 'px';
      $(".news-con1").css("height",height);
      $(".news-con2").css("height",height);
      $(".yb-message-one").css("height",minHeight);
    };
    $(window).resize(function() {
      setHeight();
    });
  }())
</script>
